<#-- 404错误页面 -->
<#import "../layout/default_layout.ftl" as layout>
<#assign contextPath=request.getContextPath()>
<#-- 调用布局指令 -->
<@layout.html>
<#escape x as x?html>
<style>
    .error-common{
        margin-top:100px;
    }
    .error-common .error-img-container{
        margin: auto;
        position: relative;
        width:500px;
    }
    .error-common .notice-words{
        position:absolute;
        top:60px;
        left:40px;
        width:420px;
        text-align: center;
    }
    .error-common .error-type{
        position:absolute;
        bottom:100px;
        left:200px;
        width:100px;
        text-align: center;
        font-size:40px;
        font-weight: bold;
        color:#c4e9f4;
    }
</style>

<script language="JavaScript">
    $(function(){
        $("#goBack").click(function(){
            window.history.back();
        })
    })
</script>
<div class="main-content-inner">
<#-- 导航区 -->
    <div class="breadcrumbs ace-save-state breadcrumbs-fixed" id="breadcrumbs">
        <ul class="breadcrumb">
            <li>
                <i class="ace-icon fa fa-home home-icon"></i>
                <span class="grey">系统异常</span>
            </li>
        </ul>
    </div>

    <div class="page-content">
        <div class="row">
            <div class="col-xs-12 center">
                <div class="error-common">
                    <div class="error-img-container">
                        <div class="notice-words">${message!}</div>
                        <img src="${contextPath}/public/images/error.png"/>
                        <div class="error-type">404</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</#escape>
</@layout.html>